.DevExtremePage {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    .DevExtremeFlow {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        &>div {
            flex: 1;
            width: 100%;
            margin-bottom: 16px;
        }


        .custom-react-node {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            border-radius: 8px;
            background: rgba(95, 149, 255, 0.15);
            border: 1px solid rgba(95, 149, 255, 1);
            backdrop-filter: blur(8px);
            filter: drop-shadow(0 0 1px #262626);
            font-family: ShuHeiTi;
            font-weight: bold;
            font-size: 18px;
            color: #262626;

            &.waring {
                background: rgba(245, 34, 45, 0.15);
                border: 1px solid rgba(245, 34, 45, 1);
            }
        }
    }
}